<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>2_HelloWorld</title>
    <!-- 第一步：引入Vue -->
    <script type="text/javascript" src="../js/vue.js"></script>
  </head>
  <body>
    <!-- 第二步：准备好一个容器-->
    <div id="app">{{ message }}</div>
  </body>
  <!-- 第三步：创建 Vue 实例 -->
  <script type="text/javascript">
    // 阻止 vue 在启动时生成生产提示。
    Vue.config.productionTip = false;
    // 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：
    new Vue({
      el: "#app",
      data: {
        message: "Hello Vue",
      },
    }); // 当创建一个 Vue 实例时，你可以传入一个选项对象。
  </script>
</html>
